<template>
    <ul class="footerUl">
        <router-link to="/home" tag="li"><span>首页</span></router-link>
        <router-link to="/cart" tag="li"><span>购物车</span></router-link>
        <router-link to="/user" tag="li"><span>我的</span></router-link>
    </ul>
</template>
<style lang="less" scoped>
    .footerUl {
        width: 100%;
        display: flex;
        background: #1d91a0;
        li {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            height: .5rem;
            color: #fff;
        }& .router-link-active {
            background: #211f1f;
        }
    }
</style>